<template>
  <div>
    <img v-for="(item, index) in dogList" :key="index" :src="item" alt="" />
    <button @click="getDogList">获取狗狗列表</button>
  </div>
</template>

<script setup lang="ts">
import useDog from "@/hooks/useDog";
import { onMounted } from "vue";
const { dogList, getDogList } = useDog();

onMounted(() => {
  getDogList();
  console.log(dogList);
});
</script>

<style lang="scss" scoped>
img {
  width: 200px;
}
</style>
